import { Component, Vue } from 'vue-property-decorator';
import WContainer from '@components/container';
import { Card } from 'element-ui';
import './style/index.less';
/* import { getCurrentInstance, onBeforeMount, reactive, watchEffect } from '@vue/composition-api'; */
import { useStateDetail } from '@/hook/demo';
@Component({
  components: { Card, WContainer },
  setup() {
    /* const internalInstance = getCurrentInstance(); */
    const state = useStateDetail();
    /* watchEffect(() => {}); */
    return state;
  },
})
export default class MaterialList extends Vue {
  private render() {
    return (
      <WContainer>
        <div class='material-list'>
          <div slot='header' class='head-container'>
            <span class='title'>素材列表</span>
            <section class='statistics'>
              <Card></Card>
            </section>
          </div>
        </div>
      </WContainer>
    );
  }
}
